<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>你的首页</title>
</head>
<body>
    <!--
        <h1> - <h6>:标题,分别对应1级标题到6级标题.标题独自占用一行
            <h1>我是你爹</h1>
            <h2>我是你爹</h2>
            <h3>我是你爹</h3>
            <h4>我是你爹</h4>
            <h5>我是你爹</h5>
            <h6>我是你爹</h6>
        <center>:用于将其包含的字元素都在浏览器上居中显示,在HTML5标准中该标签已经不在使用了(目前临时用)

        <input>:输入域,用来获取用户输入信息,其中有一个很重要的属性:type
               type不写,默认值为text.不同的值体现的样子不同.常见的有:
               type="text":文本框
               type="password":密码框
               type="radio":单选框
               type="checkbox":复选框
               type="button":按钮
        <a>:超链接.href 属性用于定义点击超链接后跳转的位置
        <br>:换行
        <table>:表格.border属性用于指定表格边框的粗细
                其中:
                    <tr>:用于表示行.table中有几个tr此表格就有几行
                    <td>:用于表示列,只能被包含在<tr>中.

                    td标签上可以使用两个属性来表达跨行和跨列显示
                    rowspan:用于指定跨几行显示
                    colspan:用于指定跨几列显示
        <img>:图片.src属性用于指定图片位置
        <form>:表单,用于将包含在它里面的所有输入框中用户输入的信息提交给服务端,其中有两个重要的属性:
               method,用于指定表单提交方式,有两种:get和post
                     get:地址栏形式提交,表单中的输入框信息会被拼接在URL地址的抽象路径部分传递给服务端
                     post:输入框信息会被包含在请求的消息正文中传递给服务端
                     注:如果表单中含有用户隐私信息(例如密码)或者表单中含有附件时要用post形式提交.
        action,用于指定表单提交的路径,这个路径需要服务端配合处理.
               表单中还有两个特殊的按钮可以使用,类型分别是submit和reset
               <input type="submit" ...>:提交按钮,点击后表单提交
               <input type="reset" ...>:重置按钮,点击后表单中输入框信息清空
               注意:只有被包含在form表单中的输入框才会被表单提交
    -->
    <center>
        <!-- <h1>我是你爹</h1> -->
        <input type="text" size="100"><br>
        <br><img src="./01.png"><br>
        <input type="password"><br>
        <br>
        <!--
            在页面上我们经常也会指定路径,那么当请求本网站其他资源时,我们通常都使用相对路径.
            例如,下面的超链接,我们想定位到hello.html(它与index.html在同一个目录下)
            因此href="./hello.html"即可.

            浏览器实际理解"./hello.html"的路径是根据请求当前页面index.html时浏览器地址栏的路径而定的.
            例如:
            请求当前index.html时,浏览器地址栏中的路径为:
            http://localhost:8088/myweb/index.html
            那么此时,浏览器在index页面中看到的所有相对路径"./"理解的实际路径都是:
            http://localhost:8088/myweb/
            所以,下面的超链接中href实际路径就是:
            http://localhost:8088/myweb/hello.html
        -->
        <a href="./hello.html">hello</a>
        <a href="./reg.html">注册</a>
        <a href="./login.html">登录</a>
        <a href="./createArticle.html">发表文章</a>
        <a href="./showAllUser">用户列表</a>
        <a href="./showAllArticle">文章列表</a>
        <br>
        <table border="1">
            <tr>
                <td rowspan="2" align="center"><a href="https://www.jd.com">京东</a></td>
                <td align="center"><a href="https://www.ford.com.cn">福特</a></td>
                <td align="center"><a href="https://www.volvocars.com/zh-cn">沃尔沃</a></td>
                <td rowspan="2" align="center"><a href="https://www.bmw.com.cn">宝马</a></td>
            </tr>

            <tr>
                <td align="center"><a href="https://www.audi.cn">奥迪</a></td>
                <td align="center"><a href="https://www.mercedes-benz.com.cn">奔驰</a></td>
            </tr>
        </table>
    </center>
</body>
</html>